<template>
  <div id="app">
    <router-view />
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },
  mounted() {
    this.$store.dispatch("getBloggerInfo");
    this.$store.dispatch("getSystemInfo");
    this.$nextTick((e) => {
      // 文档 : https://blog.csdn.net/qq_46122292/article/details/125762257
      window.L2Dwidget.on("*", (name) => {
        //此处是对点击人物时触发事件的监听
        console.log(
          "%c 你点击了 " + "%c -> " + name,
          "background: #222; color: yellow",
          "background: #fff; color: #000"
        );
      }).init({
        // pluginRootPath: "/live2dw/",
        // pluginJsPath: "lib/",
        // pluginModelPath: "live2d-widget-model-haruto/live2dw/",
        tagMode: false,
        debug: false,
        model: {
          jsonPath:
            "/pc/live2dw/live2d-widget-model-haruto/assets/haruto.model.json",
        },
        display: {
          superSample: 2,
          position: "left",
          vOffset: -40,
          hOffset: 100,
          width: 150,
          height: 300,
        },
        // log: false,
        mobile: {
          show: false, //是否在移动设备上显示
          scale: 0.5, //移动设备上的缩放
          motion: true, // 移动设备是否开启重力感应
        },
        dialog: {
          enable: true,
          script: {
            //每5s，显示一言（调用一言Api返回的句子）
            "every idle 5s": "$hitokoto$",
            //触摸到class='star'对象
            "hover .star": "星星在天上而你在我心里 (*/ω＼*)",
            //触摸到身体
            "tap body": "害羞?(? ???ω??? ?)?",
            //触摸到头部
            "tap face": "~~",
          },
        },
      });
    });
  },
};
</script>
<style lang="scss">
#app {
  width: 100%;
  height: 100%;
}
/*滚动条样式*/
::-webkit-scrollbar {
  width: 0px;
  /*height: 4px;*/
}
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(209, 209, 209, 0.2);
  background: rgba(0, 0, 0, 0.2);
}
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(209, 209, 209, 0.2);
  border-radius: 0;
  background: rgba(0, 0, 0, 0.1);
}

.el-loading-mask {
  backdrop-filter: blur(8px) !important;
  background-color: rgba(255, 255, 255, 0.4) !important;
}
.el-loading-spinner .path {
  stroke: #67c23a !important;
}

#nprogress .bar {
  background: #67c23a !important; //自定义颜色
}
</style>
